import './LoginPage.css';

export default function LoginPage() {
  return (
    <div className="login-container">
      <div className="login-card">
        <div className="ai-header">
          <div className="ai-logo">🤖</div>
          <h1 className="login-title">AI 图像生成平台</h1>
        </div>
        <p className="login-subtitle">用AI释放你的创造力</p>
        
        <form className="login-form">
          <div className="form-group">
            <label htmlFor="email">邮箱</label>
            <div className="input-wrapper">
              <input
                type="email"
                id="email"
                placeholder="输入你的邮箱"
                required
              />
              <span className="input-icon">✉️</span>
            </div>
          </div>
          
          <div className="form-group">
            <label htmlFor="password">密码</label>
            <div className="input-wrapper">
              <input
                type="password"
                id="password"
                placeholder="输入你的密码"
                required
              />
              <span className="input-icon">🔒</span>
            </div>
          </div>
          
          <button type="submit" className="login-button">
            <span className="button-text">登录</span>
            <span className="button-icon">🚀</span>
          </button>
        </form>
        
        <div className="login-footer">
          <span>没有账号？</span>
          <a href="/register">立即注册</a>
        </div>
      </div>
    </div>
  );
}

